@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?tomleg');
    src:  url('../fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?tomleg') format('truetype'),
      url('../fonts/icomoon.woff?tomleg') format('woff'),
      url('../fonts/icomoon.svg?tomleg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }

.w{
    width: 1200px;
    margin:0 auto;
}

.shortcut{
    height:30px;
    line-height: 30px;
    background-color:#f1f1f1;
}

.shortcut .fl{
    float: left;
    font-size: 12px; 
    color:#666666 ;
 
}

.fl ul li{
    float: left;
    padding-right: 15px;
}

.fl ul li:nth-child(3) a{
    font-size: 12px;  
    color: #c81623;
}

.shortcut .fr{
    float: right;
    
}


.shortcut .fr ul  li{  
    position: relative;  
    float: left; 
  
}

.shortcut .fr ul  li a{
    padding: 0 16px;
    border-right: 1px solid #666666;
}
.shortcut .fr ul  .s4 a{
    border-right-color: transparent;
}

.shortcut .fr ul li:nth-child(even) a{
    padding-right: 34px;
}

.shortcut .fr ul li:nth-child(even) a::after{
    
    content: "\e91e";
    font-family: 'icomoon';
    position: absolute;
    margin-left: 10px;
    
}

header{
    position: relative;
    margin-top: 27px !important;
    height: 78px;  
}

.logo{
    float: left;
    width: 221px;
    height: 55px;
   
}

.logo a{
    display: block;
    width: 174px;
    height: 55px;
    background: url(../images/logo.png)  no-repeat;
    font-size: 0;
}
.header-mid{
    float: left;
    margin-left: 160px;
    position: relative;
    text-align: center;
    height: 55px;
   
   
}

.header-mid input{
    float: left;
    line-height: 38px;
    padding-left: 15px;
    width: 457px;
    height: 38px;
    border: 2px solid #b1191a;

}

.header-mid .search{
    display: block;
    float: left;
    width: 82px;
    line-height: 38px;
    height: 38px;
    color: #fff;
    font-size: 16px;
    background-color: #b1191a;
}

.header-mid .key{
    position: absolute;
    display: block;
    bottom: -2px;
}

.key li{
    float: left;
}

.key li a{
    padding:0 13px;
    color: #666666;
    font-size: 12px;
    
}

.key  .slc a{
    color: #c81623;
}

.key li a:hover{
    color: #c81623;
}


.shopcar{
    position: relative;
    float: right;
    width: 140px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    margin-right: 65px;
    background-color: #f7f7f7;
    color: #666666;
    font-size: 12px;
    border:1px solid #dfdfdf;
}

.shopcar::before{   
    content: "\e93a";
    font-family: 'icomoon';
    margin-right: 5px;
    color: #b1191a;
    vertical-align: baseline;
}
.shopcar::after{
    display:inline-block;
    content: "\e920";
    font-family: 'icomoon';
    margin-left: 8px;
}

.count{
    position: absolute;
    line-height: 15px;
    font-size:12px ;
    color: #fff;
    top:-5px;
    right: 17px;
    height: 15px;
    padding: 0 5px;
    background-color:#e60012 ;
    border-radius: 7px 7px 7px 0;
}

nav{
    width: 100%;
    height: 47px;
    border-bottom: 2px solid #b1191a;
}

.dropdown{
    position: relative;  
    float: left;
    width: 210px;
    height: 45px;
    
}

.dropdown .dt{
height: 45px;
line-height: 45px;
text-align: center;
background-color: #b1191a;
color: #fff;
font-size: 16px;
}


.dropdown .dd{  
    position: relative;
    width: 210px;   
    height: 467px;
    background-color:#c81623 ;
    margin-top: 2px;
}

.dropdown .dd li{
    position: relative;
    padding-left: 10px;
    height: 31px;
    line-height: 31px;
    transition: all .5s;

}

.dropdown .dd li::after{
    position: absolute;
    top:2px;
    right: 10px;
    content: "\e920";
    font-family: 'icomoon';
    color: #fff;
    
}

.dropdown .dd li a{
    color: #fff;
    font-size: 14px;
   
}

.dropdown .dd li:hover{
    background-color: #fff;
    padding-left: 20px;
}

.dropdown .dd li:hover a{
 color: #e60012;

}

.dropitem{
    float: left;
    height: 45px;
    margin-left: 10px;

}



.dropitem li{
    float: left;
}

.dropitem a{
    display: block;
    padding: 0 25px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
}



footer{
    margin-top: 38px;
    height: 416px;
    padding-top: 30px;
    background-color: #f5f5f5;
}

.footer-top{
   
    height: 81px;
    border-bottom: 1px solid #ededed;
}

.footer-top li{
    float: left;
    padding-right: 36px;
    width: 240px;
    height: 50px; 
}


.footer-top h5{
   float: left;
   width: 50px;
   height: 50px;
   margin-right: 5px;
   background: url(../images/icons.png)-252px -2px;
   vertical-align: center;
}
.service-text{
    margin-top: 10px;
}

.footer-top p{
    font-size: 12px;    
    color: #666;
}
.footer-mid{
   height: 188px;
   width: 1205px;
   padding: 20px 50px;
   border-bottom: 1px solid #ededed;
}

.footer-mid dl{
    float: left;
    margin-right: 108px;

}

.footer-mid dt{
    margin-top: 15px;
    font-size: 16px;
    color: #333333;
}

.footer-mid dd{
    font-size: 12px;
    color: #666666;
}

.help{
    float:right;
    width: 93px;
    height: 147px;
    margin-right: 26px;
    text-align: center;
}

.code{
    margin-top: 17px;
}

.help p{
   margin-top: 10px;
}


.mod-copyright{
    height: 100px;
    padding-left: 71px;
    padding-top: 18px;
    text-align: center;
}

.links{
margin-bottom: 10px;
height: 16px;
 
}


.links li{
    float: left;
}

.links li a{
   padding: 0 18px;
   border-right: 1px solid #999999 ;
   font-size: 12px;
   color: #666666;
}

